<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript"
	src="js/tablesorter/jquery.tablesorter.js"></script>
<script type="text/javascript"
	src="js/tablesorter/jquery.tablesorter.pager.js"></script>
	<script type="text/javascript" src="js/jquery.form.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.effect.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.effect-clip.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.tabs.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.position.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.tooltip.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.datepicker.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.progressbar.js"></script>
	<script type="text/javascript" src="js/jefra.validate.js"></script>
	<script type="text/javascript" src="js/jefra.message.js"></script>
	<script type="text/javascript" src="js/jefra.util.js"></script>
	<script type="text/javascript" src="js/jsp/CategoriaForm.js"></script>
</head>
<body>
	<h1>CATEGORIA</h1>
	<div id="divBuscar">
		<table>
			<tr>
				<td>Criterio</td>
				<td colspan="2">Texto</td>
			</tr>

			<tr>
				<td><select id="sltCriterio">
						<option value="CATEGORIA.CATNOMBRE_V">CATEGORIA</option>
				</select></td>
				<td><input type="text" id="txtTexto" /></td>
				<td><input type="button" id="btnBuscar" value="Buscar" /></td>
			</tr>
			<tr>
				<td colspan="3" align="center">Estado: <input type="radio"
					name="rdEstado" value="A" checked="checked" />Activos <input
					type="radio" name="rdEstado" value="I" />Inactivos <input
					type="radio" name="rdEstado" value="" />Todos
				</td>
			</tr>
		</table>
	</div>
	<div id="divLista">
		<table align="center" class="tablesorter" id="tblLista"></table>
	</div>
	<div id="pager" class="pager">
		<form>
			<img src="js/tablesorter/addons/pager/icons/first.png" class="first">
			<img src="js/tablesorter/addons/pager/icons/prev.png" class="prev">
			<input type="text" class="pagedisplay"> <img
				src="js/tablesorter/addons/pager/icons/next.png" class="next">
			<select class="pagesize">
				<option selected="selected" value="10">10</option>
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="40">40</option>
			</select> <img src="js/tablesorter/addons/pager/icons/last.png" class="last">
		</form>
	</div>

	<h4 align="center">
		<img id="btnNuevo" alt="Nuevo" src="images/new.png" />
	</h4>
	<div id="divFormulario">
		<input type="hidden" name="txtcadcodigo" id="txtcadcodigo" value="0"/>
		<fieldset>
			<legend>Mantenimiento de Categoria</legend>
			<table>
				<tr>
					<td>Abreviacion</td>
					<td><input type="Text" name="txtabreviacion" id="txtabreviacion" maxlength="5" class="requiredText"/>  </td>
				</tr>
				<tr>
					<td>Categoria</td>
					<td><input type="Text" name="txtcategoria" id="txtcategoria" maxlength="50" class="requiredAlpha"/></td>
				</tr>
				<tr>
					<td>Estado</td>
					<td>
						<select name="sltEstado" id="sltEstado">
							<option value="A" >ACTIVO</option>
							<option value="I">INACTIVO</option>
						</select>
					</td>
				</tr>
			</table>
		</fieldset>
		<div id="divBoton">
			<input type="button" id="btnProcesar" value="Procesar" tabindex="20"/>
			<input type="button" id="btnCancelar" value="Cancelar" tabindex="21"/>
		</div>
	</div>	
	

</body>
</html>